dialog-prd {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    z-index: 400;
    .box{
        position: absolute;
        width:80%;
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 10px;
        box-shadow:0 0 10px rgba(0,0,0,.12);
        left:50%;
        top:150px;
        transform: translate(-50%,0);
        z-index: 999;
        text-align: center;
        .icon{
            position: absolute;
            right: 20px;
            top: 10px;
            font-size:20px;
            color: #999999;
            z-index: 99999;
            width: 20px;
        }
        .box-m{
            padding: 25px;
            padding-top: 35px;
            .img{
                width:50px;
                height:50px;
                // border-radius: 8px;
            }
            .prd-name{
                font-size:20px;
                margin: 5px 0;
            }
            .tip{
                font-size:16px;
                font-weight: 600;
            }
            .prd-edu{
                margin-top:5px;
                font-size: 14px;
            }
        }
        .btn{
            width:80%;
            height:40px;
            border-radius: 20px;
            background-color: royalblue;
            color: #fff;
            margin: 0 auto 40px;
            text-align: center;
            line-height: 40px;
            font-size: 16px;
        }
    }
}
